<template>
  <div>
    <!--
      头部
      除了name以外的其他属性，都会传递给父组件
    -->
    <slot name="header" :msg="msg" />
    <p>content CCCC</p>
    <!-- 底部 -->
    <slot name="footer" :msg="msg" />
  </div>
</template>

<script>
export default {
  name: "C",
  data() {
    return {
      msg: "CCCC",
    };
  },
};
</script>

<style>
</style>
